<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>CSS Test: HTML4 color keywords</title>
		<link rel="author" title="L. David Baron" href="http://dbaron.org/" />
		<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
		<link rel="help" href="http://www.w3.org/TR/css3-color/#html4" />
		<meta name="flags" content="" />
		<meta name="assert" content="Test that the HTML4 color keywords have the correct values." />
		<style type="text/css"><![CDATA[
		html, body { background: #dddddd; color: #000000; }
		table { border-spacing: 0; padding: 0; border: none; }
		td { border: none; padding: 0; }
		]]></style>
	</head>
	<body>

	<p>Each row in the following table (except the first and last, to show where the columns are) should have two cells with the same background color.  None of them should match the background of the page.</p>

	<table>
		<tr><td style="background: black">&nbsp;&nbsp;&nbsp;</td><td style="background: white">&nbsp;&nbsp;&nbsp;</td></tr>

		<tr><td style="background: aliceblue">&nbsp;</td> <td style="background: #f0f8ff">&nbsp;</td></tr>
		<tr><td style="background: antiquewhite">&nbsp;</td> <td style="background: #faebd7">&nbsp;</td></tr>
		<tr><td style="background: aqua">&nbsp;</td> <td style="background: #00ffff">&nbsp;</td></tr>
		<tr><td style="background: aquamarine">&nbsp;</td> <td style="background: #7fffd4">&nbsp;</td></tr>
		<tr><td style="background: azure">&nbsp;</td> <td style="background: #f0ffff">&nbsp;</td></tr>
		<tr><td style="background: beige">&nbsp;</td> <td style="background: #f5f5dc">&nbsp;</td></tr>
		<tr><td style="background: bisque">&nbsp;</td> <td style="background: #ffe4c4">&nbsp;</td></tr>
		<tr><td style="background: black">&nbsp;</td> <td style="background: #000000">&nbsp;</td></tr>
		<tr><td style="background: blanchedalmond">&nbsp;</td> <td style="background: #ffebcd">&nbsp;</td></tr>
		<tr><td style="background: blue">&nbsp;</td> <td style="background: #0000ff">&nbsp;</td></tr>
		<tr><td style="background: blueviolet">&nbsp;</td> <td style="background: #8a2be2">&nbsp;</td></tr>
		<tr><td style="background: brown">&nbsp;</td> <td style="background: #a52a2a">&nbsp;</td></tr>
		<tr><td style="background: burlywood">&nbsp;</td> <td style="background: #deb887">&nbsp;</td></tr>
		<tr><td style="background: cadetblue">&nbsp;</td> <td style="background: #5f9ea0">&nbsp;</td></tr>
		<tr><td style="background: chartreuse">&nbsp;</td> <td style="background: #7fff00">&nbsp;</td></tr>
		<tr><td style="background: chocolate">&nbsp;</td> <td style="background: #d2691e">&nbsp;</td></tr>
		<tr><td style="background: coral">&nbsp;</td> <td style="background: #ff7f50">&nbsp;</td></tr>
		<tr><td style="background: cornflowerblue">&nbsp;</td> <td style="background: #6495ed">&nbsp;</td></tr>
		<tr><td style="background: cornsilk">&nbsp;</td> <td style="background: #fff8dc">&nbsp;</td></tr>
		<tr><td style="background: crimson">&nbsp;</td> <td style="background: #dc143c">&nbsp;</td></tr>
		<tr><td style="background: cyan">&nbsp;</td> <td style="background: #00ffff">&nbsp;</td></tr>
		<tr><td style="background: darkblue">&nbsp;</td> <td style="background: #00008b">&nbsp;</td></tr>
		<tr><td style="background: darkcyan">&nbsp;</td> <td style="background: #008b8b">&nbsp;</td></tr>
		<tr><td style="background: darkgoldenrod">&nbsp;</td> <td style="background: #b8860b">&nbsp;</td></tr>
		<tr><td style="background: darkgray">&nbsp;</td> <td style="background: #a9a9a9">&nbsp;</td></tr>
		<tr><td style="background: darkgreen">&nbsp;</td> <td style="background: #006400">&nbsp;</td></tr>
		<tr><td style="background: darkgrey">&nbsp;</td> <td style="background: #a9a9a9">&nbsp;</td></tr>
		<tr><td style="background: darkkhaki">&nbsp;</td> <td style="background: #bdb76b">&nbsp;</td></tr>
		<tr><td style="background: darkmagenta">&nbsp;</td> <td style="background: #8b008b">&nbsp;</td></tr>
		<tr><td style="background: darkolivegreen">&nbsp;</td> <td style="background: #556b2f">&nbsp;</td></tr>
		<tr><td style="background: darkorange">&nbsp;</td> <td style="background: #ff8c00">&nbsp;</td></tr>
		<tr><td style="background: darkorchid">&nbsp;</td> <td style="background: #9932cc">&nbsp;</td></tr>
		<tr><td style="background: darkred">&nbsp;</td> <td style="background: #8b0000">&nbsp;</td></tr>
		<tr><td style="background: darksalmon">&nbsp;</td> <td style="background: #e9967a">&nbsp;</td></tr>
		<tr><td style="background: darkseagreen">&nbsp;</td> <td style="background: #8fbc8f">&nbsp;</td></tr>
		<tr><td style="background: darkslateblue">&nbsp;</td> <td style="background: #483d8b">&nbsp;</td></tr>
		<tr><td style="background: darkslategray">&nbsp;</td> <td style="background: #2f4f4f">&nbsp;</td></tr>
		<tr><td style="background: darkslategrey">&nbsp;</td> <td style="background: #2f4f4f">&nbsp;</td></tr>
		<tr><td style="background: darkturquoise">&nbsp;</td> <td style="background: #00ced1">&nbsp;</td></tr>
		<tr><td style="background: darkviolet">&nbsp;</td> <td style="background: #9400d3">&nbsp;</td></tr>
		<tr><td style="background: deeppink">&nbsp;</td> <td style="background: #ff1493">&nbsp;</td></tr>
		<tr><td style="background: deepskyblue">&nbsp;</td> <td style="background: #00bfff">&nbsp;</td></tr>
		<tr><td style="background: dimgray">&nbsp;</td> <td style="background: #696969">&nbsp;</td></tr>
		<tr><td style="background: dimgrey">&nbsp;</td> <td style="background: #696969">&nbsp;</td></tr>
		<tr><td style="background: dodgerblue">&nbsp;</td> <td style="background: #1e90ff">&nbsp;</td></tr>
		<tr><td style="background: firebrick">&nbsp;</td> <td style="background: #b22222">&nbsp;</td></tr>
		<tr><td style="background: floralwhite">&nbsp;</td> <td style="background: #fffaf0">&nbsp;</td></tr>
		<tr><td style="background: forestgreen">&nbsp;</td> <td style="background: #228b22">&nbsp;</td></tr>
		<tr><td style="background: fuchsia">&nbsp;</td> <td style="background: #ff00ff">&nbsp;</td></tr>
		<tr><td style="background: gainsboro">&nbsp;</td> <td style="background: #dcdcdc">&nbsp;</td></tr>
		<tr><td style="background: ghostwhite">&nbsp;</td> <td style="background: #f8f8ff">&nbsp;</td></tr>
		<tr><td style="background: gold">&nbsp;</td> <td style="background: #ffd700">&nbsp;</td></tr>
		<tr><td style="background: goldenrod">&nbsp;</td> <td style="background: #daa520">&nbsp;</td></tr>
		<tr><td style="background: gray">&nbsp;</td> <td style="background: #808080">&nbsp;</td></tr>
		<tr><td style="background: green">&nbsp;</td> <td style="background: #008000">&nbsp;</td></tr>
		<tr><td style="background: greenyellow">&nbsp;</td> <td style="background: #adff2f">&nbsp;</td></tr>
		<tr><td style="background: grey">&nbsp;</td> <td style="background: #808080">&nbsp;</td></tr>
		<tr><td style="background: honeydew">&nbsp;</td> <td style="background: #f0fff0">&nbsp;</td></tr>
		<tr><td style="background: hotpink">&nbsp;</td> <td style="background: #ff69b4">&nbsp;</td></tr>
		<tr><td style="background: indianred">&nbsp;</td> <td style="background: #cd5c5c">&nbsp;</td></tr>
		<tr><td style="background: indigo">&nbsp;</td> <td style="background: #4b0082">&nbsp;</td></tr>
		<tr><td style="background: ivory">&nbsp;</td> <td style="background: #fffff0">&nbsp;</td></tr>
		<tr><td style="background: khaki">&nbsp;</td> <td style="background: #f0e68c">&nbsp;</td></tr>
		<tr><td style="background: lavender">&nbsp;</td> <td style="background: #e6e6fa">&nbsp;</td></tr>
		<tr><td style="background: lavenderblush">&nbsp;</td> <td style="background: #fff0f5">&nbsp;</td></tr>
		<tr><td style="background: lawngreen">&nbsp;</td> <td style="background: #7cfc00">&nbsp;</td></tr>
		<tr><td style="background: lemonchiffon">&nbsp;</td> <td style="background: #fffacd">&nbsp;</td></tr>
		<tr><td style="background: lightblue">&nbsp;</td> <td style="background: #add8e6">&nbsp;</td></tr>
		<tr><td style="background: lightcoral">&nbsp;</td> <td style="background: #f08080">&nbsp;</td></tr>
		<tr><td style="background: lightcyan">&nbsp;</td> <td style="background: #e0ffff">&nbsp;</td></tr>
		<tr><td style="background: lightgoldenrodyellow">&nbsp;</td> <td style="background: #fafad2">&nbsp;</td></tr>
		<tr><td style="background: lightgray">&nbsp;</td> <td style="background: #d3d3d3">&nbsp;</td></tr>
		<tr><td style="background: lightgreen">&nbsp;</td> <td style="background: #90ee90">&nbsp;</td></tr>
		<tr><td style="background: lightgrey">&nbsp;</td> <td style="background: #d3d3d3">&nbsp;</td></tr>
		<tr><td style="background: lightpink">&nbsp;</td> <td style="background: #ffb6c1">&nbsp;</td></tr>
		<tr><td style="background: lightsalmon">&nbsp;</td> <td style="background: #ffa07a">&nbsp;</td></tr>
		<tr><td style="background: lightseagreen">&nbsp;</td> <td style="background: #20b2aa">&nbsp;</td></tr>
		<tr><td style="background: lightskyblue">&nbsp;</td> <td style="background: #87cefa">&nbsp;</td></tr>
		<tr><td style="background: lightslategray">&nbsp;</td> <td style="background: #778899">&nbsp;</td></tr>
		<tr><td style="background: lightslategrey">&nbsp;</td> <td style="background: #778899">&nbsp;</td></tr>
		<tr><td style="background: lightsteelblue">&nbsp;</td> <td style="background: #b0c4de">&nbsp;</td></tr>
		<tr><td style="background: lightyellow">&nbsp;</td> <td style="background: #ffffe0">&nbsp;</td></tr>
		<tr><td style="background: lime">&nbsp;</td> <td style="background: #00ff00">&nbsp;</td></tr>
		<tr><td style="background: limegreen">&nbsp;</td> <td style="background: #32cd32">&nbsp;</td></tr>
		<tr><td style="background: linen">&nbsp;</td> <td style="background: #faf0e6">&nbsp;</td></tr>
		<tr><td style="background: magenta">&nbsp;</td> <td style="background: #ff00ff">&nbsp;</td></tr>
		<tr><td style="background: maroon">&nbsp;</td> <td style="background: #800000">&nbsp;</td></tr>
		<tr><td style="background: mediumaquamarine">&nbsp;</td> <td style="background: #66cdaa">&nbsp;</td></tr>
		<tr><td style="background: mediumblue">&nbsp;</td> <td style="background: #0000cd">&nbsp;</td></tr>
		<tr><td style="background: mediumorchid">&nbsp;</td> <td style="background: #ba55d3">&nbsp;</td></tr>
		<tr><td style="background: mediumpurple">&nbsp;</td> <td style="background: #9370db">&nbsp;</td></tr>
		<tr><td style="background: mediumseagreen">&nbsp;</td> <td style="background: #3cb371">&nbsp;</td></tr>
		<tr><td style="background: mediumslateblue">&nbsp;</td> <td style="background: #7b68ee">&nbsp;</td></tr>
		<tr><td style="background: mediumspringgreen">&nbsp;</td> <td style="background: #00fa9a">&nbsp;</td></tr>
		<tr><td style="background: mediumturquoise">&nbsp;</td> <td style="background: #48d1cc">&nbsp;</td></tr>
		<tr><td style="background: mediumvioletred">&nbsp;</td> <td style="background: #c71585">&nbsp;</td></tr>
		<tr><td style="background: midnightblue">&nbsp;</td> <td style="background: #191970">&nbsp;</td></tr>
		<tr><td style="background: mintcream">&nbsp;</td> <td style="background: #f5fffa">&nbsp;</td></tr>
		<tr><td style="background: mistyrose">&nbsp;</td> <td style="background: #ffe4e1">&nbsp;</td></tr>
		<tr><td style="background: moccasin">&nbsp;</td> <td style="background: #ffe4b5">&nbsp;</td></tr>
		<tr><td style="background: navajowhite">&nbsp;</td> <td style="background: #ffdead">&nbsp;</td></tr>
		<tr><td style="background: navy">&nbsp;</td> <td style="background: #000080">&nbsp;</td></tr>
		<tr><td style="background: oldlace">&nbsp;</td> <td style="background: #fdf5e6">&nbsp;</td></tr>
		<tr><td style="background: olive">&nbsp;</td> <td style="background: #808000">&nbsp;</td></tr>
		<tr><td style="background: olivedrab">&nbsp;</td> <td style="background: #6b8e23">&nbsp;</td></tr>
		<tr><td style="background: orange">&nbsp;</td> <td style="background: #ffa500">&nbsp;</td></tr>
		<tr><td style="background: orangered">&nbsp;</td> <td style="background: #ff4500">&nbsp;</td></tr>
		<tr><td style="background: orchid">&nbsp;</td> <td style="background: #da70d6">&nbsp;</td></tr>
		<tr><td style="background: palegoldenrod">&nbsp;</td> <td style="background: #eee8aa">&nbsp;</td></tr>
		<tr><td style="background: palegreen">&nbsp;</td> <td style="background: #98fb98">&nbsp;</td></tr>
		<tr><td style="background: paleturquoise">&nbsp;</td> <td style="background: #afeeee">&nbsp;</td></tr>
		<tr><td style="background: palevioletred">&nbsp;</td> <td style="background: #db7093">&nbsp;</td></tr>
		<tr><td style="background: papayawhip">&nbsp;</td> <td style="background: #ffefd5">&nbsp;</td></tr>
		<tr><td style="background: peachpuff">&nbsp;</td> <td style="background: #ffdab9">&nbsp;</td></tr>
		<tr><td style="background: peru">&nbsp;</td> <td style="background: #cd853f">&nbsp;</td></tr>
		<tr><td style="background: pink">&nbsp;</td> <td style="background: #ffc0cb">&nbsp;</td></tr>
		<tr><td style="background: plum">&nbsp;</td> <td style="background: #dda0dd">&nbsp;</td></tr>
		<tr><td style="background: powderblue">&nbsp;</td> <td style="background: #b0e0e6">&nbsp;</td></tr>
		<tr><td style="background: purple">&nbsp;</td> <td style="background: #800080">&nbsp;</td></tr>
		<tr><td style="background: red">&nbsp;</td> <td style="background: #ff0000">&nbsp;</td></tr>
		<tr><td style="background: rosybrown">&nbsp;</td> <td style="background: #bc8f8f">&nbsp;</td></tr>
		<tr><td style="background: royalblue">&nbsp;</td> <td style="background: #4169e1">&nbsp;</td></tr>
		<tr><td style="background: saddlebrown">&nbsp;</td> <td style="background: #8b4513">&nbsp;</td></tr>
		<tr><td style="background: salmon">&nbsp;</td> <td style="background: #fa8072">&nbsp;</td></tr>
		<tr><td style="background: sandybrown">&nbsp;</td> <td style="background: #f4a460">&nbsp;</td></tr>
		<tr><td style="background: seagreen">&nbsp;</td> <td style="background: #2e8b57">&nbsp;</td></tr>
		<tr><td style="background: seashell">&nbsp;</td> <td style="background: #fff5ee">&nbsp;</td></tr>
		<tr><td style="background: sienna">&nbsp;</td> <td style="background: #a0522d">&nbsp;</td></tr>
		<tr><td style="background: silver">&nbsp;</td> <td style="background: #c0c0c0">&nbsp;</td></tr>
		<tr><td style="background: skyblue">&nbsp;</td> <td style="background: #87ceeb">&nbsp;</td></tr>
		<tr><td style="background: slateblue">&nbsp;</td> <td style="background: #6a5acd">&nbsp;</td></tr>
		<tr><td style="background: slategray">&nbsp;</td> <td style="background: #708090">&nbsp;</td></tr>
		<tr><td style="background: slategrey">&nbsp;</td> <td style="background: #708090">&nbsp;</td></tr>
		<tr><td style="background: snow">&nbsp;</td> <td style="background: #fffafa">&nbsp;</td></tr>
		<tr><td style="background: springgreen">&nbsp;</td> <td style="background: #00ff7f">&nbsp;</td></tr>
		<tr><td style="background: steelblue">&nbsp;</td> <td style="background: #4682b4">&nbsp;</td></tr>
		<tr><td style="background: tan">&nbsp;</td> <td style="background: #d2b48c">&nbsp;</td></tr>
		<tr><td style="background: teal">&nbsp;</td> <td style="background: #008080">&nbsp;</td></tr>
		<tr><td style="background: thistle">&nbsp;</td> <td style="background: #d8bfd8">&nbsp;</td></tr>
		<tr><td style="background: tomato">&nbsp;</td> <td style="background: #ff6347">&nbsp;</td></tr>
		<tr><td style="background: turquoise">&nbsp;</td> <td style="background: #40e0d0">&nbsp;</td></tr>
		<tr><td style="background: violet">&nbsp;</td> <td style="background: #ee82ee">&nbsp;</td></tr>
		<tr><td style="background: wheat">&nbsp;</td> <td style="background: #f5deb3">&nbsp;</td></tr>
		<tr><td style="background: white">&nbsp;</td> <td style="background: #ffffff">&nbsp;</td></tr>
		<tr><td style="background: whitesmoke">&nbsp;</td> <td style="background: #f5f5f5">&nbsp;</td></tr>
		<tr><td style="background: yellow">&nbsp;</td> <td style="background: #ffff00">&nbsp;</td></tr>
		<tr><td style="background: yellowgreen">&nbsp;</td> <td style="background: #9acd32">&nbsp;</td></tr>

		<tr><td style="background: white">&nbsp;&nbsp;&nbsp;</td><td style="background: black">&nbsp;&nbsp;&nbsp;</td></tr>
	</table>

	</body>
</html>
